<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ZUI-静姐姐-后台通用模板1</title>
		<link rel="stylesheet" href="css/zui.css" />
		<link rel="stylesheet" href="css/public.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/zui.min.js" ></script>
		<link href="css/zui.datatable.min.css" rel="stylesheet">
		<script src="js/zui.datatable.min.js"></script>
	</head>
	<body>
		<div class="y-conRightmain scrollbar-hover">
			<ol class="breadcrumb y-borderB">
			  <li><a href="your/url/">Home</a></li>
			  <li><a href="your/url/">Library</a></li>
			  <li class="active">Data</li>
			</ol>
			
			
			<div class="y-bgfff y-padLR-20 y-padB-20 y-marR-20 card">
				<h3 class="y-borderB y-padB-10 y-marB-20 clearfix y-marT-10">
					<span style="line-height: 30px;">商品模型</span>
					<button class="btn btn-primary pull-right" type="button" onclick="modelAddUrl()">新增模型</button>
				</h3>
				
				
				<!-- HTML 代码 -->
				<table class="table datatable">
				    <thead>
				      <tr>
				        <th class="y-smTd">id</th>
				        <th>模型名称</th>
				        <th>操作</th>
				      </tr>
				    </thead>
				    <tbody>
				      <tr>
				      	<td class="y-smTd">1</td>
				      	<td>爱普生打印机</td>
				      	<td class="text-danger">
				      		<div class="btn-group">
						      <button class="btn btn-sm btn-primary" onclick="goodsAttrUrl()"><i class="icon icon-search"></i>属性列表</button>
						      <button class="btn btn-sm btn-info" onclick="goodsSpecUrl()"><i class="icon icon-search"></i>规格列表</button>
						      <button class="btn btn-sm btn-success" onclick="modelAddUrl()"><i class="icon icon-edit"></i>编辑</button>
						      <button class="btn btn-sm btn-danger"><i class="icon icon-trash"></i>删除</button>
						    </div>
				      	</td>
				      </tr>
				    </tbody>
				 </table>
			
				<div class="clearfix">
					<button class="btn" type="button">删除</button>
					<ul class="pager pager-loose pull-right">
						<li class="previous active"><a href="#">首页</a></li>
					    <li class="previous"><a href="#">上页</a></li>
					    <li class="previous"><a href="#">1</a></li>
					    <li class="previous"><a href="#">下页</a></li>
					    <li class="previous disabled"><a href="#">尾页</a></li>
				    </ul>
				</div>
			</div>
			
		</div>
				
		<script type="text/javascript">
			$('table.datatable').datatable({
				checkable: true,
				checkByClickRow:false
			});
			function modelAddUrl(){
				window.location.href="modelAdd.html";
			}
			function goodsAttrUrl(){
				window.location.href="goodsAttr.html";
			}
			function goodsSpecUrl(){
				window.location.href="goodsSpec.html";
			}
		</script>
	</body>
</html>
